<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>overflow属性</title>
</head>
<body>
<style>
    div{
        width: 200px;
        height: 200px;
        border: 1px solid red;
        /*属性值	说明*/
        /*visible	默认值。内容不会被修剪，会呈现在盒子之外*/
        /*hidden	内容会被修剪，并且其余内容是不可见的*/
        /*scroll	内容会被修剪，但是浏览器会显示滚动条以便查看其余内容*/
        /*auto	如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容*/
        overflow: auto;
    }
</style>
<div>
    打算看风景萨拉的开发撒付款
    打算看风景萨拉的开发撒付款
    打算看风景萨拉的开发撒付款
    打算看风景萨拉的开发撒付款打算看风景萨拉的开发撒付款打算看风景萨拉的开发撒付款
    打算看风景萨拉的开发撒付款打算看风景萨拉的开发撒付款打算看风景萨拉的开发撒付款打算看风景萨拉的开发撒付款打算看风景萨拉的开发撒付款
    打算看风景萨拉的开发撒付款
    打算看风景萨拉的开发撒付款
</div>
</body>
</html>